<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8"/>
  <title>iconfont Demo</title>
  <link rel="shortcut icon" href="//img.alicdn.com/imgextra/i4/O1CN01Z5paLz1O0zuCC7osS_!!6000000001644-55-tps-83-82.svg" type="image/x-icon"/>
  <link rel="icon" type="image/svg+xml" href="//img.alicdn.com/imgextra/i4/O1CN01Z5paLz1O0zuCC7osS_!!6000000001644-55-tps-83-82.svg"/>
  <link rel="stylesheet" href="https://g.alicdn.com/thx/cube/1.3.2/cube.min.css">
  <link rel="stylesheet" href="demo.css">
  <link rel="stylesheet" href="iconfont.css">
  <script src="iconfont.js"></script>
  <!-- jQuery -->
  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/7bfddb60-08e8-11e9-9b04-53e73bb6408b.js"></script>
  <!-- 代码高亮 -->
  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/a3f714d0-08e6-11e9-8a15-ebf944d7534c.js"></script>
  <style>
    .main .logo {
      margin-top: 0;
      height: auto;
    }

    .main .logo a {
      display: flex;
      align-items: center;
    }

    .main .logo .sub-title {
      margin-left: 0.5em;
      font-size: 22px;
      color: #fff;
      background: linear-gradient(-45deg, #3967FF, #B500FE);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
  </style>
</head>
<body>
  <div class="main">
    <h1 class="logo"><a href="https://www.iconfont.cn/" title="iconfont 首页" target="_blank">
      <img width="200" src="https://img.alicdn.com/imgextra/i3/O1CN01Mn65HV1FfSEzR6DKv_!!6000000000514-55-tps-228-59.svg">
      
    </a></h1>
    <div class="nav-tabs">
      <ul id="tabs" class="dib-box">
        <li class="dib active"><span>Unicode</span></li>
        <li class="dib"><span>Font class</span></li>
        <li class="dib"><span>Symbol</span></li>
      </ul>
      
      <a href="https://www.iconfont.cn/manage/index?manage_type=myprojects&projectId=3782196" target="_blank" class="nav-more">查看项目</a>
      
    </div>
    <div class="tab-container">
      <div class="content unicode" style="display: block;">
          <ul class="icon_lists dib-box">
          
            <li class="dib">
              <span class="icon iconfont">&#xe74b;</span>
                <div class="name">删除</div>
                <div class="code-name">&amp;#xe74b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8f4;</span>
                <div class="name">热门</div>
                <div class="code-name">&amp;#xe8f4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe718;</span>
                <div class="name">删除</div>
                <div class="code-name">&amp;#xe718;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe614;</span>
                <div class="name">删除</div>
                <div class="code-name">&amp;#xe614;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60d;</span>
                <div class="name">热门</div>
                <div class="code-name">&amp;#xe60d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60f;</span>
                <div class="name">分享</div>
                <div class="code-name">&amp;#xe60f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe610;</span>
                <div class="name">投票</div>
                <div class="code-name">&amp;#xe610;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb5e;</span>
                <div class="name">播放_o</div>
                <div class="code-name">&amp;#xeb5e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea6e;</span>
                <div class="name">24gl-playCircle</div>
                <div class="code-name">&amp;#xea6e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe706;</span>
                <div class="name">分享</div>
                <div class="code-name">&amp;#xe706;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe635;</span>
                <div class="name">小区投票</div>
                <div class="code-name">&amp;#xe635;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62a;</span>
                <div class="name">播放</div>
                <div class="code-name">&amp;#xe62a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe626;</span>
                <div class="name">投票</div>
                <div class="code-name">&amp;#xe626;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe609;</span>
                <div class="name">分享</div>
                <div class="code-name">&amp;#xe609;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60a;</span>
                <div class="name">分享</div>
                <div class="code-name">&amp;#xe60a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60b;</span>
                <div class="name">书签</div>
                <div class="code-name">&amp;#xe60b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe607;</span>
                <div class="name">资料库</div>
                <div class="code-name">&amp;#xe607;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe76c;</span>
                <div class="name">f-vip</div>
                <div class="code-name">&amp;#xe76c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62c;</span>
                <div class="name">书</div>
                <div class="code-name">&amp;#xe62c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe645;</span>
                <div class="name">折扣</div>
                <div class="code-name">&amp;#xe645;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe72b;</span>
                <div class="name">fliter</div>
                <div class="code-name">&amp;#xe72b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe606;</span>
                <div class="name">过滤</div>
                <div class="code-name">&amp;#xe606;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe694;</span>
                <div class="name">狐狸</div>
                <div class="code-name">&amp;#xe694;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeacf;</span>
                <div class="name">24gf-funnel</div>
                <div class="code-name">&amp;#xeacf;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe9ad;</span>
                <div class="name">filter</div>
                <div class="code-name">&amp;#xe9ad;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe605;</span>
                <div class="name">加</div>
                <div class="code-name">&amp;#xe605;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe696;</span>
                <div class="name">添加_填充</div>
                <div class="code-name">&amp;#xe696;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6f4;</span>
                <div class="name">大转发</div>
                <div class="code-name">&amp;#xe6f4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe656;</span>
                <div class="name">icon_转发</div>
                <div class="code-name">&amp;#xe656;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6f9;</span>
                <div class="name">转发</div>
                <div class="code-name">&amp;#xe6f9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe74f;</span>
                <div class="name">分享，转发</div>
                <div class="code-name">&amp;#xe74f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe783;</span>
                <div class="name"> 转发</div>
                <div class="code-name">&amp;#xe783;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe608;</span>
                <div class="name">发现</div>
                <div class="code-name">&amp;#xe608;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe637;</span>
                <div class="name">钻石</div>
                <div class="code-name">&amp;#xe637;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe720;</span>
                <div class="name">发现</div>
                <div class="code-name">&amp;#xe720;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe604;</span>
                <div class="name">书</div>
                <div class="code-name">&amp;#xe604;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b5;</span>
                <div class="name">钻石会员-line</div>
                <div class="code-name">&amp;#xe6b5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe621;</span>
                <div class="name">文件、书本</div>
                <div class="code-name">&amp;#xe621;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60c;</span>
                <div class="name">狐狸-01</div>
                <div class="code-name">&amp;#xe60c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe600;</span>
                <div class="name">排序</div>
                <div class="code-name">&amp;#xe600;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe601;</span>
                <div class="name">列表2</div>
                <div class="code-name">&amp;#xe601;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe602;</span>
                <div class="name">3.1-搜索</div>
                <div class="code-name">&amp;#xe602;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe603;</span>
                <div class="name">编辑</div>
                <div class="code-name">&amp;#xe603;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ae;</span>
                <div class="name">sey-A-add-a</div>
                <div class="code-name">&amp;#xe6ae;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe775;</span>
                <div class="name">向右1</div>
                <div class="code-name">&amp;#xe775;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe779;</span>
                <div class="name">向左1</div>
                <div class="code-name">&amp;#xe779;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe651;</span>
                <div class="name">搜索</div>
                <div class="code-name">&amp;#xe651;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe669;</span>
                <div class="name">解锁</div>
                <div class="code-name">&amp;#xe669;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6e6;</span>
                <div class="name">锁定</div>
                <div class="code-name">&amp;#xe6e6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67b;</span>
                <div class="name">消息</div>
                <div class="code-name">&amp;#xe67b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ee;</span>
                <div class="name">太阳</div>
                <div class="code-name">&amp;#xe6ee;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe632;</span>
                <div class="name">编辑</div>
                <div class="code-name">&amp;#xe632;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe636;</span>
                <div class="name">Aa</div>
                <div class="code-name">&amp;#xe636;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe611;</span>
                <div class="name">月亮</div>
                <div class="code-name">&amp;#xe611;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61c;</span>
                <div class="name">23月亮</div>
                <div class="code-name">&amp;#xe61c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb67;</span>
                <div class="name">应用管理</div>
                <div class="code-name">&amp;#xeb67;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeabd;</span>
                <div class="name">编辑</div>
                <div class="code-name">&amp;#xeabd;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb50;</span>
                <div class="name">锁定_o</div>
                <div class="code-name">&amp;#xeb50;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66c;</span>
                <div class="name">排序</div>
                <div class="code-name">&amp;#xe66c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xec80;</span>
                <div class="name">无序排列</div>
                <div class="code-name">&amp;#xec80;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe648;</span>
                <div class="name">排序</div>
                <div class="code-name">&amp;#xe648;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe649;</span>
                <div class="name">下载</div>
                <div class="code-name">&amp;#xe649;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60e;</span>
                <div class="name">编辑</div>
                <div class="code-name">&amp;#xe60e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe624;</span>
                <div class="name">太阳-01</div>
                <div class="code-name">&amp;#xe624;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62b;</span>
                <div class="name">锁</div>
                <div class="code-name">&amp;#xe62b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a7;</span>
                <div class="name">排序</div>
                <div class="code-name">&amp;#xe6a7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8b4;</span>
                <div class="name">评论</div>
                <div class="code-name">&amp;#xe8b4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8c8;</span>
                <div class="name">增加</div>
                <div class="code-name">&amp;#xe8c8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe623;</span>
                <div class="name">下载盘点单、下载打印模板</div>
                <div class="code-name">&amp;#xe623;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66b;</span>
                <div class="name">我的评论</div>
                <div class="code-name">&amp;#xe66b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6dd;</span>
                <div class="name">moon月亮</div>
                <div class="code-name">&amp;#xe6dd;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe691;</span>
                <div class="name">太阳</div>
                <div class="code-name">&amp;#xe691;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6c2;</span>
                <div class="name">月亮</div>
                <div class="code-name">&amp;#xe6c2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6d7;</span>
                <div class="name">评论</div>
                <div class="code-name">&amp;#xe6d7;</div>
              </li>
          
          </ul>
          <div class="article markdown">
          <h2 id="unicode-">Unicode 引用</h2>
          <hr>

          <p>Unicode 是字体在网页端最原始的应用方式，特点是：</p>
          <ul>
            <li>支持按字体的方式去动态调整图标大小，颜色等等。</li>
            <li>默认情况下不支持多色，直接添加多色图标会自动去色。</li>
          </ul>
          <blockquote>
            <p>注意：新版 iconfont 支持两种方式引用多色图标：SVG symbol 引用方式和彩色字体图标模式。（使用彩色字体图标需要在「编辑项目」中开启「彩色」选项后并重新生成。）</p>
          </blockquote>
          <p>Unicode 使用步骤如下：</p>
          <h3 id="-font-face">第一步：拷贝项目下面生成的 <code>@font-face</code></h3>
<pre><code class="language-css"
>@font-face {
  font-family: 'iconfont';
  src: 
       url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
       url('iconfont.woff?t=1669444362199') format('woff'),
       url('iconfont.ttf?t=1669444362199') format('truetype');
}
</code></pre>
          <h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
<pre><code class="language-css"
>.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
</code></pre>
          <h3 id="-">第三步：挑选相应图标并获取字体编码，应用于页面</h3>
<pre>
<code class="language-html"
>&lt;span class="iconfont"&gt;&amp;#x33;&lt;/span&gt;
</code></pre>
          <blockquote>
            <p>"iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
          </blockquote>
          </div>
      </div>
      <div class="content font-class">
        <ul class="icon_lists dib-box">
          
          <li class="dib">
            <span class="icon iconfont icon-shanchu"></span>
            <div class="name">
              删除
            </div>
            <div class="code-name">.icon-shanchu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-remen"></span>
            <div class="name">
              热门
            </div>
            <div class="code-name">.icon-remen
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shanchu1"></span>
            <div class="name">
              删除
            </div>
            <div class="code-name">.icon-shanchu1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shanchu2"></span>
            <div class="name">
              删除
            </div>
            <div class="code-name">.icon-shanchu2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-remen1"></span>
            <div class="name">
              热门
            </div>
            <div class="code-name">.icon-remen1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fenxiang"></span>
            <div class="name">
              分享
            </div>
            <div class="code-name">.icon-fenxiang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-toupiao"></span>
            <div class="name">
              投票
            </div>
            <div class="code-name">.icon-toupiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-bofang_o"></span>
            <div class="name">
              播放_o
            </div>
            <div class="code-name">.icon-bofang_o
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-24gl-playCircle"></span>
            <div class="name">
              24gl-playCircle
            </div>
            <div class="code-name">.icon-24gl-playCircle
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fenxiang1"></span>
            <div class="name">
              分享
            </div>
            <div class="code-name">.icon-fenxiang1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiaoqutoupiao"></span>
            <div class="name">
              小区投票
            </div>
            <div class="code-name">.icon-xiaoqutoupiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-bofang"></span>
            <div class="name">
              播放
            </div>
            <div class="code-name">.icon-bofang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-toupiao1"></span>
            <div class="name">
              投票
            </div>
            <div class="code-name">.icon-toupiao1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fenxiang2"></span>
            <div class="name">
              分享
            </div>
            <div class="code-name">.icon-fenxiang2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fenxiang3"></span>
            <div class="name">
              分享
            </div>
            <div class="code-name">.icon-fenxiang3
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shuqian"></span>
            <div class="name">
              书签
            </div>
            <div class="code-name">.icon-shuqian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ziliaoku"></span>
            <div class="name">
              资料库
            </div>
            <div class="code-name">.icon-ziliaoku
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-f-vip"></span>
            <div class="name">
              f-vip
            </div>
            <div class="code-name">.icon-f-vip
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shu1"></span>
            <div class="name">
              书
            </div>
            <div class="code-name">.icon-shu1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhekou1"></span>
            <div class="name">
              折扣
            </div>
            <div class="code-name">.icon-zhekou1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fliter"></span>
            <div class="name">
              fliter
            </div>
            <div class="code-name">.icon-fliter
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-filter_rows"></span>
            <div class="name">
              过滤
            </div>
            <div class="code-name">.icon-filter_rows
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-huli"></span>
            <div class="name">
              狐狸
            </div>
            <div class="code-name">.icon-huli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-24gf-funnel"></span>
            <div class="name">
              24gf-funnel
            </div>
            <div class="code-name">.icon-24gf-funnel
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-filter"></span>
            <div class="name">
              filter
            </div>
            <div class="code-name">.icon-filter
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jia"></span>
            <div class="name">
              加
            </div>
            <div class="code-name">.icon-jia
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tianjiatianchong"></span>
            <div class="name">
              添加_填充
            </div>
            <div class="code-name">.icon-tianjiatianchong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dazhuanfa"></span>
            <div class="name">
              大转发
            </div>
            <div class="code-name">.icon-dazhuanfa
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-icon_zhuanfa"></span>
            <div class="name">
              icon_转发
            </div>
            <div class="code-name">.icon-icon_zhuanfa
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhuanfa_4"></span>
            <div class="name">
              转发
            </div>
            <div class="code-name">.icon-zhuanfa_4
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fenxiangzhuanfa"></span>
            <div class="name">
              分享，转发
            </div>
            <div class="code-name">.icon-fenxiangzhuanfa
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhuanfa"></span>
            <div class="name">
               转发
            </div>
            <div class="code-name">.icon-zhuanfa
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-faxian"></span>
            <div class="name">
              发现
            </div>
            <div class="code-name">.icon-faxian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zuanshi"></span>
            <div class="name">
              钻石
            </div>
            <div class="code-name">.icon-zuanshi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-faxian1"></span>
            <div class="name">
              发现
            </div>
            <div class="code-name">.icon-faxian1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shu"></span>
            <div class="name">
              书
            </div>
            <div class="code-name">.icon-shu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zuanshihuiyuan-line"></span>
            <div class="name">
              钻石会员-line
            </div>
            <div class="code-name">.icon-zuanshihuiyuan-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-wenjianshuben"></span>
            <div class="name">
              文件、书本
            </div>
            <div class="code-name">.icon-a-wenjianshuben
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-huli-01"></span>
            <div class="name">
              狐狸-01
            </div>
            <div class="code-name">.icon-huli-01
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-paixu"></span>
            <div class="name">
              排序
            </div>
            <div class="code-name">.icon-paixu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-liebiao2"></span>
            <div class="name">
              列表2
            </div>
            <div class="code-name">.icon-liebiao2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-31sousuo"></span>
            <div class="name">
              3.1-搜索
            </div>
            <div class="code-name">.icon-31sousuo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-bianji"></span>
            <div class="name">
              编辑
            </div>
            <div class="code-name">.icon-bianji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-sey-A-add-a"></span>
            <div class="name">
              sey-A-add-a
            </div>
            <div class="code-name">.icon-sey-A-add-a
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiangyou1"></span>
            <div class="name">
              向右1
            </div>
            <div class="code-name">.icon-xiangyou1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiangzuo1"></span>
            <div class="name">
              向左1
            </div>
            <div class="code-name">.icon-xiangzuo1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-sousuo"></span>
            <div class="name">
              搜索
            </div>
            <div class="code-name">.icon-sousuo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiesuo"></span>
            <div class="name">
              解锁
            </div>
            <div class="code-name">.icon-jiesuo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-suoding"></span>
            <div class="name">
              锁定
            </div>
            <div class="code-name">.icon-suoding
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiaoxi"></span>
            <div class="name">
              消息
            </div>
            <div class="code-name">.icon-xiaoxi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ai250"></span>
            <div class="name">
              太阳
            </div>
            <div class="code-name">.icon-ai250
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-bianji1"></span>
            <div class="name">
              编辑
            </div>
            <div class="code-name">.icon-bianji1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-Aa"></span>
            <div class="name">
              Aa
            </div>
            <div class="code-name">.icon-Aa
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yueliang"></span>
            <div class="name">
              月亮
            </div>
            <div class="code-name">.icon-yueliang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yueliang1"></span>
            <div class="name">
              23月亮
            </div>
            <div class="code-name">.icon-yueliang1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yingyongguanli"></span>
            <div class="name">
              应用管理
            </div>
            <div class="code-name">.icon-yingyongguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-bianji2"></span>
            <div class="name">
              编辑
            </div>
            <div class="code-name">.icon-bianji2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-suoding_o"></span>
            <div class="name">
              锁定_o
            </div>
            <div class="code-name">.icon-suoding_o
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-paixu1"></span>
            <div class="name">
              排序
            </div>
            <div class="code-name">.icon-paixu1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wuxupailie"></span>
            <div class="name">
              无序排列
            </div>
            <div class="code-name">.icon-wuxupailie
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-paixu2"></span>
            <div class="name">
              排序
            </div>
            <div class="code-name">.icon-paixu2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiazai-"></span>
            <div class="name">
              下载
            </div>
            <div class="code-name">.icon-xiazai-
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-bianji3"></span>
            <div class="name">
              编辑
            </div>
            <div class="code-name">.icon-bianji3
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-taiyang-"></span>
            <div class="name">
              太阳-01
            </div>
            <div class="code-name">.icon-taiyang-
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-lock"></span>
            <div class="name">
              锁
            </div>
            <div class="code-name">.icon-lock
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-paixu3"></span>
            <div class="name">
              排序
            </div>
            <div class="code-name">.icon-paixu3
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-pinglun"></span>
            <div class="name">
              评论
            </div>
            <div class="code-name">.icon-pinglun
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zengjia"></span>
            <div class="name">
              增加
            </div>
            <div class="code-name">.icon-zengjia
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-cangpeitubiao_xiazaipandiandanxiazaidayinmoban"></span>
            <div class="name">
              下载盘点单、下载打印模板
            </div>
            <div class="code-name">.icon-cangpeitubiao_xiazaipandiandanxiazaidayinmoban
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wodepinglun"></span>
            <div class="name">
              我的评论
            </div>
            <div class="code-name">.icon-wodepinglun
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-moonyueliang"></span>
            <div class="name">
              moon月亮
            </div>
            <div class="code-name">.icon-moonyueliang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-KJ_041"></span>
            <div class="name">
              太阳
            </div>
            <div class="code-name">.icon-KJ_041
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-moon"></span>
            <div class="name">
              月亮
            </div>
            <div class="code-name">.icon-moon
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-pinglun1"></span>
            <div class="name">
              评论
            </div>
            <div class="code-name">.icon-pinglun1
            </div>
          </li>
          
        </ul>
        <div class="article markdown">
        <h2 id="font-class-">font-class 引用</h2>
        <hr>

        <p>font-class 是 Unicode 使用方式的一种变种，主要是解决 Unicode 书写不直观，语意不明确的问题。</p>
        <p>与 Unicode 使用方式相比，具有如下特点：</p>
        <ul>
          <li>相比于 Unicode 语意明确，书写更直观。可以很容易分辨这个 icon 是什么。</li>
          <li>因为使用 class 来定义图标，所以当要替换图标时，只需要修改 class 里面的 Unicode 引用。</li>
        </ul>
        <p>使用步骤如下：</p>
        <h3 id="-fontclass-">第一步：引入项目下面生成的 fontclass 代码：</h3>
<pre><code class="language-html">&lt;link rel="stylesheet" href="./iconfont.css"&gt;
</code></pre>
        <h3 id="-">第二步：挑选相应图标并获取类名，应用于页面：</h3>
<pre><code class="language-html">&lt;span class="iconfont icon-xxx"&gt;&lt;/span&gt;
</code></pre>
        <blockquote>
          <p>"
            iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
        </blockquote>
      </div>
      </div>
      <div class="content symbol">
          <ul class="icon_lists dib-box">
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shanchu"></use>
                </svg>
                <div class="name">删除</div>
                <div class="code-name">#icon-shanchu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-remen"></use>
                </svg>
                <div class="name">热门</div>
                <div class="code-name">#icon-remen</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shanchu1"></use>
                </svg>
                <div class="name">删除</div>
                <div class="code-name">#icon-shanchu1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shanchu2"></use>
                </svg>
                <div class="name">删除</div>
                <div class="code-name">#icon-shanchu2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-remen1"></use>
                </svg>
                <div class="name">热门</div>
                <div class="code-name">#icon-remen1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fenxiang"></use>
                </svg>
                <div class="name">分享</div>
                <div class="code-name">#icon-fenxiang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-toupiao"></use>
                </svg>
                <div class="name">投票</div>
                <div class="code-name">#icon-toupiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-bofang_o"></use>
                </svg>
                <div class="name">播放_o</div>
                <div class="code-name">#icon-bofang_o</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-24gl-playCircle"></use>
                </svg>
                <div class="name">24gl-playCircle</div>
                <div class="code-name">#icon-24gl-playCircle</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fenxiang1"></use>
                </svg>
                <div class="name">分享</div>
                <div class="code-name">#icon-fenxiang1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiaoqutoupiao"></use>
                </svg>
                <div class="name">小区投票</div>
                <div class="code-name">#icon-xiaoqutoupiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-bofang"></use>
                </svg>
                <div class="name">播放</div>
                <div class="code-name">#icon-bofang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-toupiao1"></use>
                </svg>
                <div class="name">投票</div>
                <div class="code-name">#icon-toupiao1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fenxiang2"></use>
                </svg>
                <div class="name">分享</div>
                <div class="code-name">#icon-fenxiang2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fenxiang3"></use>
                </svg>
                <div class="name">分享</div>
                <div class="code-name">#icon-fenxiang3</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shuqian"></use>
                </svg>
                <div class="name">书签</div>
                <div class="code-name">#icon-shuqian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ziliaoku"></use>
                </svg>
                <div class="name">资料库</div>
                <div class="code-name">#icon-ziliaoku</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-f-vip"></use>
                </svg>
                <div class="name">f-vip</div>
                <div class="code-name">#icon-f-vip</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shu1"></use>
                </svg>
                <div class="name">书</div>
                <div class="code-name">#icon-shu1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhekou1"></use>
                </svg>
                <div class="name">折扣</div>
                <div class="code-name">#icon-zhekou1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fliter"></use>
                </svg>
                <div class="name">fliter</div>
                <div class="code-name">#icon-fliter</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-filter_rows"></use>
                </svg>
                <div class="name">过滤</div>
                <div class="code-name">#icon-filter_rows</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-huli"></use>
                </svg>
                <div class="name">狐狸</div>
                <div class="code-name">#icon-huli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-24gf-funnel"></use>
                </svg>
                <div class="name">24gf-funnel</div>
                <div class="code-name">#icon-24gf-funnel</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-filter"></use>
                </svg>
                <div class="name">filter</div>
                <div class="code-name">#icon-filter</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jia"></use>
                </svg>
                <div class="name">加</div>
                <div class="code-name">#icon-jia</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tianjiatianchong"></use>
                </svg>
                <div class="name">添加_填充</div>
                <div class="code-name">#icon-tianjiatianchong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dazhuanfa"></use>
                </svg>
                <div class="name">大转发</div>
                <div class="code-name">#icon-dazhuanfa</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-icon_zhuanfa"></use>
                </svg>
                <div class="name">icon_转发</div>
                <div class="code-name">#icon-icon_zhuanfa</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhuanfa_4"></use>
                </svg>
                <div class="name">转发</div>
                <div class="code-name">#icon-zhuanfa_4</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fenxiangzhuanfa"></use>
                </svg>
                <div class="name">分享，转发</div>
                <div class="code-name">#icon-fenxiangzhuanfa</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhuanfa"></use>
                </svg>
                <div class="name"> 转发</div>
                <div class="code-name">#icon-zhuanfa</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-faxian"></use>
                </svg>
                <div class="name">发现</div>
                <div class="code-name">#icon-faxian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zuanshi"></use>
                </svg>
                <div class="name">钻石</div>
                <div class="code-name">#icon-zuanshi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-faxian1"></use>
                </svg>
                <div class="name">发现</div>
                <div class="code-name">#icon-faxian1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shu"></use>
                </svg>
                <div class="name">书</div>
                <div class="code-name">#icon-shu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zuanshihuiyuan-line"></use>
                </svg>
                <div class="name">钻石会员-line</div>
                <div class="code-name">#icon-zuanshihuiyuan-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-wenjianshuben"></use>
                </svg>
                <div class="name">文件、书本</div>
                <div class="code-name">#icon-a-wenjianshuben</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-huli-01"></use>
                </svg>
                <div class="name">狐狸-01</div>
                <div class="code-name">#icon-huli-01</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-paixu"></use>
                </svg>
                <div class="name">排序</div>
                <div class="code-name">#icon-paixu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-liebiao2"></use>
                </svg>
                <div class="name">列表2</div>
                <div class="code-name">#icon-liebiao2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-31sousuo"></use>
                </svg>
                <div class="name">3.1-搜索</div>
                <div class="code-name">#icon-31sousuo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-bianji"></use>
                </svg>
                <div class="name">编辑</div>
                <div class="code-name">#icon-bianji</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-sey-A-add-a"></use>
                </svg>
                <div class="name">sey-A-add-a</div>
                <div class="code-name">#icon-sey-A-add-a</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiangyou1"></use>
                </svg>
                <div class="name">向右1</div>
                <div class="code-name">#icon-xiangyou1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiangzuo1"></use>
                </svg>
                <div class="name">向左1</div>
                <div class="code-name">#icon-xiangzuo1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-sousuo"></use>
                </svg>
                <div class="name">搜索</div>
                <div class="code-name">#icon-sousuo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiesuo"></use>
                </svg>
                <div class="name">解锁</div>
                <div class="code-name">#icon-jiesuo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-suoding"></use>
                </svg>
                <div class="name">锁定</div>
                <div class="code-name">#icon-suoding</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiaoxi"></use>
                </svg>
                <div class="name">消息</div>
                <div class="code-name">#icon-xiaoxi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ai250"></use>
                </svg>
                <div class="name">太阳</div>
                <div class="code-name">#icon-ai250</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-bianji1"></use>
                </svg>
                <div class="name">编辑</div>
                <div class="code-name">#icon-bianji1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-Aa"></use>
                </svg>
                <div class="name">Aa</div>
                <div class="code-name">#icon-Aa</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yueliang"></use>
                </svg>
                <div class="name">月亮</div>
                <div class="code-name">#icon-yueliang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yueliang1"></use>
                </svg>
                <div class="name">23月亮</div>
                <div class="code-name">#icon-yueliang1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yingyongguanli"></use>
                </svg>
                <div class="name">应用管理</div>
                <div class="code-name">#icon-yingyongguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-bianji2"></use>
                </svg>
                <div class="name">编辑</div>
                <div class="code-name">#icon-bianji2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-suoding_o"></use>
                </svg>
                <div class="name">锁定_o</div>
                <div class="code-name">#icon-suoding_o</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-paixu1"></use>
                </svg>
                <div class="name">排序</div>
                <div class="code-name">#icon-paixu1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wuxupailie"></use>
                </svg>
                <div class="name">无序排列</div>
                <div class="code-name">#icon-wuxupailie</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-paixu2"></use>
                </svg>
                <div class="name">排序</div>
                <div class="code-name">#icon-paixu2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiazai-"></use>
                </svg>
                <div class="name">下载</div>
                <div class="code-name">#icon-xiazai-</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-bianji3"></use>
                </svg>
                <div class="name">编辑</div>
                <div class="code-name">#icon-bianji3</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-taiyang-"></use>
                </svg>
                <div class="name">太阳-01</div>
                <div class="code-name">#icon-taiyang-</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-lock"></use>
                </svg>
                <div class="name">锁</div>
                <div class="code-name">#icon-lock</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-paixu3"></use>
                </svg>
                <div class="name">排序</div>
                <div class="code-name">#icon-paixu3</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-pinglun"></use>
                </svg>
                <div class="name">评论</div>
                <div class="code-name">#icon-pinglun</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zengjia"></use>
                </svg>
                <div class="name">增加</div>
                <div class="code-name">#icon-zengjia</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-cangpeitubiao_xiazaipandiandanxiazaidayinmoban"></use>
                </svg>
                <div class="name">下载盘点单、下载打印模板</div>
                <div class="code-name">#icon-cangpeitubiao_xiazaipandiandanxiazaidayinmoban</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wodepinglun"></use>
                </svg>
                <div class="name">我的评论</div>
                <div class="code-name">#icon-wodepinglun</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-moonyueliang"></use>
                </svg>
                <div class="name">moon月亮</div>
                <div class="code-name">#icon-moonyueliang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-KJ_041"></use>
                </svg>
                <div class="name">太阳</div>
                <div class="code-name">#icon-KJ_041</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-moon"></use>
                </svg>
                <div class="name">月亮</div>
                <div class="code-name">#icon-moon</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-pinglun1"></use>
                </svg>
                <div class="name">评论</div>
                <div class="code-name">#icon-pinglun1</div>
            </li>
          
          </ul>
          <div class="article markdown">
          <h2 id="symbol-">Symbol 引用</h2>
          <hr>

          <p>这是一种全新的使用方式，应该说这才是未来的主流，也是平台目前推荐的用法。相关介绍可以参考这篇<a href="">文章</a>
            这种用法其实是做了一个 SVG 的集合，与另外两种相比具有如下特点：</p>
          <ul>
            <li>支持多色图标了，不再受单色限制。</li>
            <li>通过一些技巧，支持像字体那样，通过 <code>font-size</code>, <code>color</code> 来调整样式。</li>
            <li>兼容性较差，支持 IE9+，及现代浏览器。</li>
            <li>浏览器渲染 SVG 的性能一般，还不如 png。</li>
          </ul>
          <p>使用步骤如下：</p>
          <h3 id="-symbol-">第一步：引入项目下面生成的 symbol 代码：</h3>
<pre><code class="language-html">&lt;script src="./iconfont.js"&gt;&lt;/script&gt;
</code></pre>
          <h3 id="-css-">第二步：加入通用 CSS 代码（引入一次就行）：</h3>
<pre><code class="language-html">&lt;style&gt;
.icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}
&lt;/style&gt;
</code></pre>
          <h3 id="-">第三步：挑选相应图标并获取类名，应用于页面：</h3>
<pre><code class="language-html">&lt;svg class="icon" aria-hidden="true"&gt;
  &lt;use xlink:href="#icon-xxx"&gt;&lt;/use&gt;
&lt;/svg&gt;
</code></pre>
          </div>
      </div>

    </div>
  </div>
  <script>
  $(document).ready(function () {
      $('.tab-container .content:first').show()

      $('#tabs li').click(function (e) {
        var tabContent = $('.tab-container .content')
        var index = $(this).index()

        if ($(this).hasClass('active')) {
          return
        } else {
          $('#tabs li').removeClass('active')
          $(this).addClass('active')

          tabContent.hide().eq(index).fadeIn()
        }
      })
    })
  </script>
</body>
</html>
